<%--
  Created by IntelliJ IDEA.
  User: ccvv
  Date: 2021/4/23
  Time: 15:41
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String path = request.getContextPath()+"/"; %>
<!DOCTYPE html>
<html>

<head lang="en">
    <base href="<%=path%>">
    <meta charset="UTF-8">
    <title>注册</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link rel="stylesheet" href="layui/AmazeUI-2.4.2/assets/css/amazeui.css" />
    <link href="layui/css/dlstyle.css" rel="stylesheet" type="text/css">

    <link rel="stylesheet" href="layui/css/font.css">
    <link rel="stylesheet" href="layui/css/xadmin.css">
    <script type="text/javascript" src="layui/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="layui/js/xadmin.js"></script>
    <script type="text/javascript" src="layui/js/jquery.min.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<div class="login-banner">
    <div class="login-main">
        <div class="layui-fluid" >
            <div class="layui-row" >
                <!-- <img src="images/1.jpg" style="float: left;width: 600px;">-->
                <form class="layui-form" id="form1" style="background-color:white;float: right;margin-top:120px;margin-right:17%" action="/toNextRegister" method="post">
                    <div class="layui-form-item">
                        <label for="companyName" class="layui-form-label" style="width: 130px">
                            <span class="x-red">*</span>企业名称
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="companyName" name="companyName"
                                   autocomplete="off" class="layui-input" lay-verify="required|">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="email" class="layui-form-label" style="width: 130px">
                            <span class="x-red">*</span>企业邮箱
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="email" name="email"
                                   autocomplete="off" class="layui-input" lay-verify="required|email">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="person" class="layui-form-label" style="width: 130px">
                            <span class="x-red">*</span>联系人
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="person" name="person"
                                   autocomplete="off" class="layui-input" lay-verify="required">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="password" class="layui-form-label" style="width: 130px">
                            <span class="x-red">*</span>密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="password" name="password"
                                   autocomplete="off" class="layui-input" lay-verify="required|password">
                        </div>

                    </div>
                    <div class="layui-form-item">
                        <label for="confirmPassword" class="layui-form-label" style="width: 130px">
                            <span class="x-red">*</span>确认密码
                        </label>
                        <div class="layui-input-inline">
                            <input type="password" id="confirmPassword" name="confirmPassword"
                                   autocomplete="off" class="layui-input" lay-verify="required">
                            <span style="color: red; font-size: 12px; position: absolute;" id="pwd-msg"></span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label for="invitecode" class="layui-form-label" style="width: 130px">
                            <span class="x-red">*</span>邀请码
                        </label>
                        <div class="layui-input-inline">
                            <input type="text" id="invitecode" name="invitecode"
                                   autocomplete="off" class="layui-input" lay-verify="required">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label" style="width: 130px">

                        </label>
                        <div class="layui-input-inline">
                            <button  class="layui-btn" lay-filter="add" lay-submit="">
                                下一步
                            </button>
                            <button  class="layui-btn" lay-filter="add" lay-submit="">
                                保存
                            </button>
                        </div>
                    </div>

                </form>
            </div>
        </div>
        <!-- <div class="login-links">
             <label for="remember-me"><input id="remember-me" type="checkbox">记住密码</label>
             <a href="#" class="am-fr">忘记密码</a>
               <a href="register.html" class="zcnext am-fr am-btn-default">注册</a>
             <br />
         </div>
         <div class="am-cf">
             <a href="./index1.html"><input type="submit" name="" value="登 录" class="am-btn am-btn-primary am-btn-sm"></a>
         </div>-->

    </div>
</div>
</div>


<!--<div class="footer ">
    <div class="footer-hd ">

    </div>
    <div class="footer-bd ">
        <p>
            <a href="# ">联系我们</a>
            <a href="# ">网站地图</a>
        </p>
    </div>
</div>-->
</body>
<script>
    layui.use('form',function (){
        var form = layui.form;
        $("#confirmPassword").blur(function (){
            var password = $("#password").val();
            var confirmPassword = $("#confirmPassword").val();
            if(password != confirmPassword){
                $("#confirmPassword").val("");
                $("#pwd-msg").html("两次输入密码不一致，请重新输入");
            }else {
                $("#pwd-msg").html("");
            }
        })

        form.verify({
            password:[
                /^[\S]{6,12}$/
                ,'密码必须6到12位，且不能出现空格'
            ]
        })
    })
</script>
</html>
